<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	request.setAttribute("path", request.getContextPath());
%>
<!DOCTYPE html>
<html>
	<head>
		<title>databag</title>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" type="text/css" href="${path}/css/databag-index.min.css?" />
		<script type="text/javascript" src="${path}/js/libs/jquery/jquery.js"></script>
	</head>
	<body>
		<div id="mask"></div>
		<div id="databag-content" style="z-index:100;">
			<div id="databag-img-header">
	              <div class="navbar">
		             <div class="navbar-inner">
		               <div style="width: auto; " class="container">
		                 <ul class="nav interactive-btn">
		                  <li style="padding-left:10px;padding-top:3px"><img src="${path}/js/libs/jstree/themes/apple/home.png"></li>
		                   <li class="brand" id="brand"></li>
		                 </ul>
		               </div>
		             </div>
		           </div>
			</div>
			<div id="databag-left" ></div>
			<div id="databag-right" class="treeNode">
				<div class="navbar">
				  <div class="navbar-inner">
				    <ul class="nav" id="nav_tab">
	                   
                 	</ul>
				    <ul class="nav" id="nav_node">
	                   <li class="preview-btn modi" id="preview-btn" title="预览图"><a href="#"><i class="icon-search"></i><span>预览图</span></a></li>
	                   <li class="flash-btn modi" id="flash-btn" title="二维视图"><a href="#"><i class="icon-print"></i><span>二维视图</span></a></li>
	                   <li class="threed-btn modi" id="threed-btn" title="三维视图"><a href="#"><i class="icon-fullscreen"></i><span>三维视图</span></a></li>
	                   <li class="divider-vertical modi"></li>
	                   <li class="dropdown download-drop" id="download-drop">
	                       <a data-toggle="dropdown" class="dropdown-toggle" href="#" id="dl-dropdown-toggle"><i class="icon-download"></i><span>下载</span><b class="caret"></b></a>
	                       <ul class="dropdown-menu"></ul>
                       </li>
                 	</ul>
				  </div>
				</div>
				<div class="mask" id="loading-cover"></div>
				<div id="databag-action" >
					<div id="databag-img-content">
						<div id="databag-img"></div>
						<div class="viewer-wrap" id="3D-Viewer-wrap">
							<div id="3D-Viewer" class="three-d-viewer"></div>
						</div>
						<div id="flash-wrap"></div>
					</div>
					<div class="row-fluid">
			            <div class="thumbnails" id="thumbnails"></div>
			        </div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			window.contextPath = "${path}";
		</script>
		<script src="${path}/js/databag-index.min.js"></script>
	</body>
</html>
